<template>
  <div style="width: 500px;">
    <div>
      <el-form label-width="80px" :model="userInfo">
        <el-form-item label="银行卡">
          <el-input :disabled="disabled" v-model="userInfo.bankcard"></el-input>
        </el-form-item>
        <el-form-item label="班级">
          <el-input :disabled="disabled" v-model="userInfo.className"></el-input>
        </el-form-item>
        <el-form-item label="姓名">
          <el-input :disabled="disabled" v-model="userInfo.name"></el-input>
        </el-form-item>
        <el-form-item label="密码">
          <el-input :disabled="disabled" v-model="userInfo.password"></el-input>
        </el-form-item>
        <el-form-item label="性别">
          <el-input :disabled="disabled" v-model="userInfo.sex"></el-input>
        </el-form-item>
        <el-form-item label="头像">
          <el-input :disabled="disabled" v-model="userInfo.userhead"></el-input>
        </el-form-item>
        <el-form-item label="用户id">
          <el-input :disabled="disabled" v-model="userInfo.userid"></el-input>
        </el-form-item>
      </el-form>
    </div>
  </div>
</template>

<script>
export default {
  name: 'infoCom',
  data() {
    return {
      userInfo: {},
      disabled: true
    }
  },
  mounted() {
    console.log(this.$store.state.login.userInfo, 'this.$store.statethis.$store.statethis.$store.state1111111111111111111');
    this.userInfo = this.$store.state.login.userInfo
  }
}
</script>

<style  scoped></style>